<!--
 * @Author: 273198238 2412069378@qq.com
 * @Date: 2025-03-18 17:56:57
 * @LastEditors: 273198238 2412069378@qq.com
 * @LastEditTime: 2025-03-19 16:47:36
 * @FilePath: \population\src\components\PopWindow.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
    <div>
        <pop 
        :showmin="true"
        :showmax="true"
        :showclose="true"
        :showhander="true"
        >
            <template v-slot:hand>
                
            </template>
            <template v-slot:container>
                <img src="../assets/images/mapBackground/1.png" alt="" width="100%" height="100%">
            </template>
        </pop>
    </div>
</template>

<script>
import Pop  from '@/components/Pop.vue';
    export default {
        name: 'PopWindow',
        components:{
            Pop
        },
        data(){
            return{

            }
        },
        methods:{
            open() {
            this.show = !this.show
        },
        close() {
            this.show = false
        },
        small() {
            const popwindow = document.querySelector('.pop-window')
            popwindow.style.width = '200px'
            popwindow.style.height = '300px'
            popwindow.style.top = '50px'
            popwindow.style.left = '470px'
        },
        max() {
            const popwindow = document.querySelector('.pop-window')
            popwindow.style.width = '100%'
            popwindow.style.height = '100%'
            popwindow.style.top = '0'
            popwindow.style.left = '0'

        },
        }
    }
</script>

<style lang="less" scoped>


</style>